.container{
	&.my{
		padding: 12rem 0 3.6rem!important;
		&.my_online{
			padding-top: 14rem!important;
		}
	}
}
.header{
	&.myheader{
		background: #fff url(../images/online_bg.png)no-repeat;
		background-size: 100% 100%;

	}
	
}
.mymoneybox{
	max-width: 720px;
	margin:0 auto;
}
.mymoney{
	position: absolute;
	left: 0;
	bottom: -3.6rem;
	width: 100%;
	background: #fff;
	
	
	li{
		width: 33.3%;
		float: left;

		a{
			color: #999;
			text-align: center;
			display: block;
			line-height: 1.2rem;
			font-size: .9rem;
			padding:.5rem 0 .8rem;
			i{
				display: block;
				color: #f70;
			}
			span{
				display: block;
			}
		}
		&:first-child{
			a span{
				border-right: 1px solid #F5F5F5;
			}
			
		}
		.tocharge{
			display: inline-block;
			padding:.6rem 1.2rem;
			background: #f70;
			color: #fff;
			float: right;
			margin-right: 1rem;
			margin-top: .3rem;
		}
	}
}
.myhead{
	text-align: center;
	color: #fff;
	padding:2.8rem 0 1.5rem;
	max-width: 720px;
	margin:0 auto;
	h3{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.onlinebox{
		margin:0 1rem .5rem;
	}
	.deps{
		text-align: left;
		padding-right: 2rem!important;
		padding-left: 4rem!important;
		>img{
			width: 3rem;
			height: 3rem;
			margin-top: -1.5rem;
			border:2px solid #FFD47E;
		}
		.degree{
			width: .9rem;
			vertical-align: middle;
			display: inline-block;
			margin-right: .3rem;
		}
		p,span{
			color: #fff!important;
			line-height: 1.6rem!important;
		}
		.num{
			background-image: url(../images/to1.png);
			background-size: 1.2rem auto;
		}
		
	}
	.btngroup{
		a{
			padding: 0 2rem;
			background: #fff;
			height: 2.5rem;
			line-height: 2.5rem;
			border-radius: 1.25rem;
			font-size: .9rem;
			color: #ee7f31;
			display: inline-block;
			&:first-child{
				margin-right:.5rem;
			}
		}
	}
}
.center_box{
    background-color: #fff;
    margin-top: 1rem;
	ul{
		margin-left: 2rem;
		background-size: 2.6rem auto;
		li{
			line-height: 3.4rem;
			font-size: 1rem;
			border-bottom: 1px solid #F5F5F5;
			background: url(../images/to.png)no-repeat 94% center;
			background-size: 1.5rem auto;
			a{
				display: block;
				i{
					display: inline-block;
					margin-right: 1rem;
					img{
						width: 1.2rem;
						vertical-align: middle;
					}
				}
			}
			&:last-child{
				border:0;
			}
		}
	}
	&:last-child{
		margin-bottom: 1rem;
	}
}
//我的钱包
.w_box{
	background: #fff;
	overflow: hidden;
	.w_deps{
		padding:1.6rem 1rem;
		position: relative;
		display: block;
		.deps{
			padding-left: 3.8rem;
		}
		img{
			width:3rem;
			height: 3rem;
			margin-top: -1.52rem; 
		}
		&:after{
			content:'';
			border-top:1px solid #F5F5F5;
			width: 100%;
			height: 0;
			position: absolute;
			bottom:0;
			left: 0;
		}
	}
	.mymoney{
		position:static;
		
		li a{
			padding: .6rem 0;
			span{
				line-height: 2rem;
			}
		}
		li a{
			color: #666;
		}
		li:nth-child(2) a span{
			border-right: 1px solid #f5f5f5;
		}
	}
}
.w_type{
	a{
		color: #666;
		font-size: .9rem;
	}
	i{
		color: #ee7f31;
		margin:0 .2rem;
	}
	span{
		color: #999;
		font-size: .8rem;
	}
	
}
.accountbox{
	background: #fff;
	.a_item{
		background: #FFF9F2;
		padding:1.5rem 0;
		text-align: center;
		color: #ee7f31;
		font-size: 1.2rem;
		line-height: 2rem;
		p{
			color: #888;
			font-size: .9rem;
		}
	}
}
.no_record{
	line-height: 1.4rem;
	padding:2rem 0;
	color: #999;
	font-size: .8rem;
	text-align: center;
}
.tabbox{
	&.accountlist{
		margin-top: 0;
		.deps{
			padding-left: 0;
			/*padding-right: 6rem;*/
			.num{
				background: none;
				padding-right: 0;
				.add{
					color: #17B017;
				}
			}
		}
	}
}
//gain
.gain_item{
	line-height: 2.6rem;
	color: #666;
	background: #fff;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	text-indent: 1rem;
	i{
		color: #ee7f31;
		font-size: .9rem;

	}
}
.gain_list{
	li{
		border-bottom: 0;
		margin-bottom: .8rem;
		background: #fff;
		img{
			height:5rem;
			width: auto;
			margin-top: -2.5rem;
			border-radius: 0;

		}
		.deps{
			padding-left: 5.4rem;
		}
		.gain_title{
			font-size: 1rem;
			color: #333;
			display: block;
			margin-bottom: .5rem;
		}
		.bom_msg{
			color: #999;
			font-size: .9rem;
			margin-bottom: -1rem;
			margin-top: .6rem;
			border-top: 1px solid #F5F5F5;
			line-height: 3rem;
			.right{
				float:right;
				a{
					margin-left: .8rem;
				    padding: .3rem .8rem;
				    border-radius: 1.1rem;
				    margin-top: .5rem;
				    background-color: #ee7f31;
				    color: #fff;
				    font-size: .8rem;
				    float: right;
				    line-height: normal;
				    border: 1px solid #ee7f31;
				    text-align: center;
					&.gray{
						color:#999;
						border-color:#999;
						background:transparent;
					}
				}
			}
		}
	}
}
//gain_detail
.gain_detail_top{
	padding:1rem 1rem;
	/*background: #f70;*/
	color: #fff;
	font-size: 1rem;
	line-height: 1.3rem;
	background: #f70 url(../images/ok.png)no-repeat 90% center;
	background-size: 2.6rem auto;
	h3{
		font-size: 1.2rem;
		font-weight: normal;
		margin-bottom: .8rem;
	}
}
.express{
	padding:1rem 0.5rem 1rem 1rem;
	border-bottom: 1px solid #f5f5f5;
	background: #fff;
	position: relative;
	.deps{
		
		
		padding-right: 1.6rem!important;
		&.address_msg{
			padding-right: 0!important;
			p{
				line-height: 1.6rem;
			}
		}
		p{
			height: auto;
			line-height: 1.5rem;
			font-size: 1rem;
			overflow: auto;
			white-space: normal;
			&.express_i{
				color: #f70;

			}
		}
		img{
			width: auto;
			height: 2rem;
			margin-top: -1rem;
			border-radius: 0;
			z-index: 222;
		}
		.consignee{
			font-size: 1.1rem;
			font-weight: bold;
		}
		.tel{
			float: right;
			margin-right: .5rem;
		}
	}
	.toline{
		position: absolute;
		height: 50%;
		width: 0;
		border-left: 1px solid #F5F5F5;
		bottom: 0;
		left: 2rem;
		z-index: 111;
	}
	
}
.gain_detail_bom{
	text-align: center;
	span{
		padding-left: 1.5rem;
		background: url(../images/tel_icon.png)no-repeat left center;
		background-size: 1rem auto;
	}
}
.gain_detail_title{
	height: auto!important;
	font-size: 1rem!important;
	white-space: normal!important;
	margin-bottom: .4rem;
	color: #666!important;
}
.share_btn{
	padding:.5rem;
	height: 100%;
	max-width: 720px;
	margin:0 auto;
	box-sizing:border-box;
	a{
		display: block;
		color: #f70;
		height: 92%;
		line-height: 220%;
		border:1px solid #f70;
		border-radius: .3rem;
	}
}
//logistics
.logistics_top{
	.deps{
		p{
			line-height: 1.5rem;
			height: 1.5rem;
			span{
				margin-left: 1rem;
			}
		}
	}
}
.logistics_msg{
	background-color: #fff;
	margin-top: 1rem;
	.l_item{
		margin:0 .8rem;
		line-height: 2.8rem;
		border-bottom: 1px solid #F5F5F5;
		font-weight: bold;
		/*color: #000;*/
	}
	.l_list{
		margin-left: 2rem;
		border-left: 1px solid #F5F5F5;
		margin-top: .8rem;
		li{
			margin-left: 2rem;
			font-size: .9rem;
			padding:.8rem .8rem .8rem 0;
			/*line-height: 1.5rem;*/
			border-bottom: 1px solid #F5F5F5;
			position: relative;
			&:last-child{
				border-bottom:0;
			}
			&:before{
				content:'';
				width: .8rem;
				height: .8rem;
				background-color: #DEDEDE;
				position: absolute;
				border-radius: 50%;
				border:.2rem solid #F8F8F8;
				left: -2.6rem;
				top: 25%;
			}
			&:first-child{
				&:before{
					content:'';
					width: 2rem;
					height: 2rem;
					background: url(../images/express_current.png)no-repeat center center;
					background-size: 100% auto;
					left: -3rem;
					border:0;
					top: .8rem;

				}
				p,span{
					color: #f70;
				}
			}
			p{
				color: #666666;
				line-height: 1.4rem;
				margin-bottom: .3rem;
			}
			span{
				color: #999999;
				margin-right: .5rem;
			}
		}
	}
}